<?php
//
// Tyler Gordon design theme
//

  $page->css( theme::$folder . '/stylesheets/styles.css' );
  echo $site->DOCTYPE();
?>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <?php echo $page->META ?>

  <meta name="description" content="<?= $page->description(); ?>">
  <meta name="author" content="<?= $page->author(); ?>">
  <title><?= $page->title(); ?></title>

  <link rel="shortcut icon" href="/<?= theme::$folder; ?>/images/favicon.png">

  <!-- CSS: implied media=all -->
  <?php foreach( (array) $page->get( 'css' ) as $css ): ?>
  <link href="<?= $css['file']; ?>" rel="<?= $css['rel']; ?>">
  <?php endforeach; ?>
  <!-- end CSS -->

  <script src="/<?php echo theme::$folder ?>/plugins/modernizr.js"></script>

</head>

<body>

  <!-- #header -->
  <header id="header">

      <!-- #identity -->
      <div id="identity">
        <a class="logo" href="/"></a>
      </div>
      <!-- /#identity -->

      <nav id="main" class="menu">
        <?php module('liriope', 'menu') ?>
      </nav>

      <?php if($page->isHomePage()) snippet( 'searchform.php' ) ?>

  </header>
  <!-- /#header -->

  <div id="content" role="main">
    <div id="paper">
<?= $liriope ?>
    </div>

    <footer id="footer">
      <div class="fourcolumns">
        <div class="column span-2">
          <p>&copy;2012 Liriope Framework
        </div>
        <div class="column">
          <ul id="socialMe">
            <li><a href="https://plus.google.com/100380103820414904588/posts" target="_blank">
              <img src="/<?php echo theme::$folder ?>/images/google-32x32.png" alt="Google+">
            </a></li>
            <li><a href="http://twitter.com/tyler_s_gordon/" target="_blank">
              <img src="/<?php echo theme::$folder ?>/images/twitter-32x32.png" alt="Google+">
            </a></li>
            <li><a href="http://fb.me/tyler.gordon/" target="_blank">
              <img src="/<?php echo theme::$folder ?>/images/facebook-32x32.png" alt="Google+">
            </a></li>
            <li><a href="http://github.com/tygor" target="_blank">
              <img src="/<?php echo theme::$folder ?>/images/github-32x32.png" alt="Google+">
            </a></li>
          </ul>
        </div>
        <div class="column last">
          <nav id="footer" class="menu">
            <?php module('liriope', 'menu') ?>
          </nav>
        </div>
      </div>
    </footer>
  </div> <!--! end of #container -->

  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.6.2.min.js"><\/script>')</script>

  <!-- scripts concatenated and minified via ant build script-->
  <script defer src="/js/plugins.js"></script>
  <script defer src="/js/script.js"></script>
  <?php foreach( (array) $page->get( 'js' ) as $script): ?>
  <script src="/<?= $script['file']; ?>" type="<?= $script['type']; ?>"></script>
  <?php endforeach; ?>
  <?php foreach( (array) $page->get( 'script' ) as $block): ?>
  <script type="text/javascript" charset="UTF-8">
    <?= $block; ?>
  </script>
  <?php endforeach; ?>
  <!-- end scripts-->

  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-11629380-3']);
    _gaq.push(['_setDomainName', 'tygorden.com']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>

  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
</body>

